<template>
  <div class="users-base-wrapper">
    <!-- <div class="module-name">访视设计</div> -->
    <div class="details-layout">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="访视" name="first">
          <Interview></Interview>
        </el-tab-pane>
        <el-tab-pane label="访视表" name="second">
          <Ecrfform></Ecrfform>
        </el-tab-pane>
        <el-tab-pane label="Casebook" name="third">
          <Casebook></Casebook>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import Interview from './Interview/index.vue'
import Ecrfform from './Ecrfform/index.vue'
import Casebook from './component/Casebook.vue'
export default {
  data() {
    return {
      activeName: 'first',
    }
  },
  components: {
    Interview,
    Ecrfform,
    Casebook,
  },
  mounted () {
    this.activeName = this.$route.query.activeName || 'first'
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    },
  },
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>